<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>登陆界面</title>
    <!-- Bootstrap core CSS -->
    <link href="asserts/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="asserts/css/signin.css" th:href="@{/css/signin.css}" rel="stylesheet">
</head>

<body class="text-center">

<div class="col-md-12 column">
    <div class="row clearfix">
        <div class="col-md-2 column">
        </div>
        <div class="col-md-6 column">
            <div class="row clearfix">

                <div class="col-md-6 column" style="text-align: left">
                    <h5>新冠肺炎疫情数据可视化及疫情分析</h5>
                    <p>&nbsp;</p>
                    <p>运用Springboot和Node.js以及echarts技术</p>
                    <p>实现新冠肺炎疫情数据可视化</p>
                    <p>对于居民提高自我防护意识，做好疫情防控工作，有重要的借鉴意义</p>
                    <p></p>
                    <p>制作人:苏海光、杨晨、周军</p>
                    <p>指导老师:苏有慧、邵环宇</p>
                </div>

                <div class="col-md-6 column" style="background: gainsboro">
                    <form class="form-signin" action="dashboard.html" th:action="@{/user/login}"
                          method="post">
                        <img class="mb-4" src="asserts/img/bootstrap-solid.svg" th:src="@{/img/headpic.png}"
                             alt="" width="72"
                             height="72">
                        <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.btn}">Please sign in</h1>
                        <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
                        <label class="sr-only" th:text="#{login.username}">Username</label>
                        <input type="text" name="username" class="form-control" placeholder="Username"
                               th:placeholder="#{login.username}" required=""
                               autofocus="">
                        <label class="sr-only" th:text="#{login.password}">Password</label>
                        <input type="password" name="password" class="form-control" placeholder="Password"
                               th:placeholder="#{login.password}"
                               required="">
                        <div class="checkbox mb-3">
                        </div>
                        <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}">
                            Sign in
                        </button>
                        <a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}">中文</a>
                        <a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>
                    </form>

                </div>
            </div>
            <p>
                <span style="float: left">© 徐州工程学院数统学院</span>
                <span style="float: right">© 2020-2021</span>
            </p>
        </div>
        <div class="col-md-4 column">
        </div>

    </div>
</div>

</body>

